nodejs简单认知和vue的简单学习

nodejs 引入

  

vue 引入

  

 安装node(安装完node需要重启电脑)

  npm install nrm -g

  nrm use taobao

  nrm test taobao

在idea中新建空工程js-demo,然后新建module vue-demo

  cd vue-demo

  npm init -y

  npm install vue --save

新建html页面,引入vue,开始学习

new Vue(); 传入 el,data,methods,template;标记el所指id位置

{{ }}插值表达式,取值

v-on:click —》@click

v-model 双向绑定

vue 生命周期钩子

  

  v-text,v-html 单向绑定

  v-for 遍历

  :key 优化,数组重排序时提高渲染效率

 v-if  有没有

 v-show 展不展示

  v-bind : 绑定属性

 watch 

组件化

  定义全局组件:

  定义局部组件  

  父组件传递到子组件

  子组件传递到父组件 

  

猜你喜欢

转载自www.cnblogs.com/helloworldmybokeyuan/p/11651274.html