vue学习一(慕课网学习笔记)

原创 2018年04月16日 15:44:20

一. 安装略过

二. 创建项目

     #vue init webpack fristProject

     #cd fristProject

     #npm run dev

三. 语法

     1.组件的选项

new Vue({
   data:{ //数据
     a:1,
     b:[]
   },
   methods:{ // 方法
     doSomething:function(){
        this.a ++;
     }
   },
   watch:{ //监听:a变化前后的值
     a:function(val,oldVal){
        console.log(val,oldVal)
     }
   }
})

     2.模板指令

//数据渲染
<p>{{a}}</p>
<p v-text="a"></p>
<p v-html="a"></p>

//控制模块隐藏
<p v-if="isShow"></p> //不渲染
<p v-show="isShow"></p> //渲染

//循环列表
<li v-for="item in items">
  <p v-text="item.label"></p>
</li>

//事件绑定
<button v-on:click="doThis"></button>
<button @click="doThis"></button> //简写

//属性绑定
<img v-bind:src="imgSrc"/>
<div :class={red:isRed}></div>
<div :class=[classA,classB]></div>


Vue.js(慕课网学习笔记一)

使用vue开始一个项目 使用vue构建一个大型的项目 官方推荐使用NPM安装,NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发...
  • mingyunxiaohai
  • mingyunxiaohai
  • 2017-05-26 17:20:23
  • 958

慕课网Vue.js入门基础学习笔记——vuejs及相关工具介绍

2、Vuejs开发环境的搭建 1)推荐使用官方提供的命令行工具: 快速下载一套基于vuejs的开发模板,不仅包含了vuejs的框架,还包含了vuejs打包工具、测试工具、开发调试的服务器等,可以不必关...
  • zhouziyu2011
  • zhouziyu2011
  • 2017-02-09 23:41:43
  • 1561

慕课Vue视频教学

  • 2017年08月08日 15:04
  • 48B
  • 下载

慕课网学习笔记

1. 站点连接服务器 访问方式 ftp
  • cherryshi520
  • cherryshi520
  • 2016-09-21 12:42:56
  • 165

慕课网vue教程项目

  • 2017年08月22日 22:13
  • 7.51MB
  • 下载

整理vue学习笔记

1.vue简介,vue是一个构建用户界面的框架。是一个轻量级mvv框架,和angular一样是所谓的双向数据绑定,数据驱动和组件化的前端开发,通过简单的api 实现响应式的数据绑定和组合试图组件,容易...
  • qq_26562641
  • qq_26562641
  • 2017-09-04 09:20:44
  • 981

VUE Vue-Router Vue-Resource Vuex技术栈练习demo

  • 2017年10月17日 15:20
  • 18KB
  • 下载

第一课:慕课网Vue.js音乐播放器

1.用stylus去写代码需要手动到package.json 添加依赖 "stylus": "^0.54.5", "stylus-loader": "^2.1.1"2..eslintrc.js 添加...
  • weixin_37331426
  • weixin_37331426
  • 2017-10-31 15:51:18
  • 236

Vue2.0学习笔记

模板语法https://juejin.im/user/580327ee0e3dd900570cf3ab 1.文本 数据绑定最常见的形式就是使用 “Mustache” 语法(双大括号)的...
  • sinat_17775997
  • sinat_17775997
  • 2017-03-26 22:46:10
  • 1037

【慕课网】HTML&CSS基础课程学习笔记

HTML部分: 一、HTML介绍 1-1.介绍html大体 1-2.介绍html是结构层、css是表现层、javascript行为层 1-3.介绍html标签 1-4...
  • Cyan1614
  • Cyan1614
  • 2017-06-06 18:14:53
  • 316
收藏助手
不良信息举报
您举报文章:vue学习一(慕课网学习笔记)
举报原因:
原因补充:

(最多只允许输入30个字)