vue.js
niersen丶尼尔森
微信13243750918
展开
-
vue.js 【02数据绑定】
1.下载一个自己顺手的编译器,这里我选择的是Hbuilder X 2.打开项目 3.打开文件开始绑定数据之旅 <template> <div class="hello"> {{msg}} </div> </template> 以上就是写html的地方 其中 {{msg}} 就是绑定数据的方法 <scrip...原创 2019-06-14 15:34:30 · 150 阅读 · 0 评论 -
vue.js 【01安装配置】
安装: 1.node安装 2.vue.js全局安装 3.创建项目 1.node 从nodejs.org中下载nodejs 傻瓜式安装即可 2.vue.js全局安装 npm install vue -g npm install vue-router -g npm install vue-cli -g 3.创建项目 vue init webpack 项目名称...原创 2019-06-14 14:58:19 · 145 阅读 · 0 评论 -
vue.js【03实例生命周期钩子 理论篇】
官方解释:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 其实可以简单的理解为我们想要什么时候执行什么代码,这个时候我们需要在生命周期钩子的函数中添加我们的代码,以实现我们的业务需求。 befor...原创 2019-06-14 15:51:52 · 361 阅读 · 0 评论 -
vue.js【04实例生命周期钩子 实践篇】
beforeCreate <template> <div class="hello"> {{msg}} </div> </template> <script> export default { name: 'HelloWorld', beforeCreate(){ this.msg = "我是befor...原创 2019-06-14 16:17:20 · 137 阅读 · 0 评论