欢迎光临散文网 会员登陆 & 注册

Vue前端学习日记1

2023-02-26 14:57 作者:SKUNK1212  | 我要投稿

1.在vue中编写代码的方式和HTML比较类似,总体上就是3部分:

1)template:与HTML中的body一样编写需要展现的内容;

2)script:HTML常用javascript,;

3)style:与HTML中的style基本是一样的。

项目结构如图:

Vue项目结构示意


var [变量名] = 值    //变量

export default{    //模块

name:'Percentage',

props:{},      //props是子组件访问父组件数据的唯一接口

data(){          return {}    },             //存储数据的函数

mounted(){},   //钩子函数,html加载完成后执行,执行顺序:子组件-父组件   computed:{},   //计算属性,也就是依赖其它的属性计算所得出最后的值

watch:{},      //监听属性,监听一个值的变化,然后执行相对应的函数

methods:{},    //事件方法执行 } </script>

2.项目打包

npm run build

执行后在项目根目录下生成dist目录

Vue前端学习日记1的评论 (共 条)

分享到微博请遵守国家法律