码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-11 00:25:34      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:idea   重启   method   mamicode   开始   传递   das   学习   alt   

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 

组件化

  定义全局组件:

  定义局部组件  

  父组件传递到子组件

  子组件传递到父组件 

 

 

  

 

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

标签:idea   重启   method   mamicode   开始   传递   das   学习   alt   

原文地址:https://www.cnblogs.com/helloworldmybokeyuan/p/11651274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!