Vue前端学习日记1
1.在vue中编写代码的方式和HTML比较类似,总体上就是3部分:
1)template:与HTML中的body一样编写需要展现的内容;
2)script:HTML常用javascript,;
3)style:与HTML中的style基本是一样的。
项目结构如图:

var [变量名] = 值 //变量
export default{ //模块
name:'Percentage',
props:{}, //props是子组件访问父组件数据的唯一接口
data(){
return {}
}, //存储数据的函数
mounted(){}, //钩子函数,html加载完成后执行,执行顺序:子组件-父组件 computed:{}, //计算属性,也就是依赖其它的属性计算所得出最后的值
watch:{}, //监听属性,监听一个值的变化,然后执行相对应的函数
methods:{}, //事件方法执行 } </script>
2.项目打包
npm run build
执行后在项目根目录下生成dist目录