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

nodejs 引入html

  

 

 

vue 引入vue

  

 

 

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

  npm install nrm -gnpm

  nrm use taobao数组

  nrm test taobaoide

在idea中新建空工程js-demo,而后新建module vue-demo组件化

  cd vue-demo学习

  npm init -y优化

  npm install vue --saveidea

 

新建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 

组件化

  定义全局组件:

  定义局部组件  

  父组件传递到子组件

  子组件传递到父组件 

相关文章
相关标签/搜索