为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js入门基础

fishenal Web前端工程师
难度中级
时长 1小时50分
学习人数
综合评分9.17
315人评价 查看评价
9.4 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 1.VUE.js -- 轻量级的MVVM前端框架,同时结合了angularJs和react的优点 2.{{variable}}是一种渲染方式,和angularjs类似 3.组件化,模块化概念,ES6新概念 4.双向绑定 5.VUE,js独有文件格式为.vue vuejs作用:前端框架嘛,前端开发,移动端web app都可以用; 主要做两件事,一个js数据同步的渲染,第二个模块化开发,组件化开发,提高效率和复用性,第三个,你可以配合很多实用工具,比如router(利用html5控制页面跳转),vuex,页面数据状态管理,vue-resource,数据请求
    查看全部
  • npm run dex的时候报错missing script: dex,请问怎么解决?
    查看全部
  • 1、components 2、props
    查看全部
    1 采集 收起 来源:如何划分组件

    2017-11-23

  • vue.js 组件的重要选项 1. data : {} //vue对象的数据 2. methods : {} //对象方法 3. watch : {} //对象监听 HTML 模板指令 数据渲染层 1.v-text <p v-text="?"></p> //绑定vue的数据对象 2.v-html <p v-html="?"></p> 3. {{}} <p>{{?}}</p> 控制模块隐藏 4. v-if <p v-if="?"></p> //不渲染该元素 5.v-show <p v-show="?"></p> 渲染循环 6. v-for <li v-for='a in n'><p v-text='a.?'></p></li> 绑定事件 7. v-on <button v-on:click="方法名"></button> // <button @click="方法名"></button> //简写 绑定属性 8. v-bind <img v-bind:src="?"> <img :src="?"> //简写
    查看全部
  • 谢谢!
    查看全部
  • 子组件与父组件之间的通信
    查看全部
  • cnpm 安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
    查看全部
  • 一个new的vue对象,它包含了很多中间的选项,小括号里面其实是个参数,这个参数就是你指定了实例化的vue的特性 实例化vue对象的一些重要选项(即参数): 1、data vue的所有数据都是放在data里面,对象vue里面的字段叫做data,data里面的也是对象 2、methods方法 3、watch(监听) 模版指令 1、html和vue对象的粘合剂 数据渲染:v-text、v-html、v-{{}} v-text - 保持val v-html -保持html结构 {{ message }} - 模板结构 2、v-if v-show 控制模块隐藏:v-if、v-show v-if :直接不渲染dome元素 v-show :通过css的display:none来进行隐藏,代码中可以直接看到dome元素 3、v-for 渲染循环列表:v-for item是循环体的对象 4、v-on 事件绑定:v-on 5、v-bind 属性绑定:v-bind
    查看全部
  • 基础小结
    查看全部
  • vue项目环境搭建: 1.全局安装vue-cli $npm install -g vue-cli 2.创建一个基于webpack模版的新项目 $vue init webpack my-project 3.安装依赖 $cd my-project $npm install 4.运行项目(在项目目录下) $npm run dev
    查看全部
  • 一、 1、vue-resource:ajax 2、vue-cli:脚手架工具。 3、vue-touch:移动端,基于hammer.js
    查看全部
  • 自己写的关于该课程的github上的源码:https://github.com/Jessicatt/vue_js(供大家借鉴)
    查看全部
  • 三、模板指令——v-if v-show 控制模块隐藏:v-if v-show 四、模板指令——v-for 渲染循环列表:v-for <ul> <li v-for='item in items'> <p v-text='item.label'></p> </li> </ul> 五、模板指令——v-on 事件绑定:v-on:,也可以写成@ 六、模板指令——v-bind 属性绑定:v-bind <div :class="{red:isRed}"></div> red是class名,isRed是对是否有这个class的判断 <div :class="[classA,{classB:isB,classC:isC}]"></div> 七、小结 1、new 一个vue对象的时候你可以设置它的属性,其中最重要的包括三个,分别是data,methods,watch. 2、其中data代表vue对象的数据,methods代表vue对象的方法,watch设置了对象监听的方法。 3、vue对象里的设置通过html指令进行关联。 4、重要的指令包括: —— v-text 渲染数据 —— v-if 控制显示 —— v-on 绑定事件 —— v-for 循环渲染等
    查看全部
  • 一、实例化vue对象 1、vue的所有数据都是放在data里的。 2、data:{a:1,b:[]},a可以通过this.a取到 3、methods:{ doSomething:function(){ this.a++ } } 4、watch:{ 'a':function(val,oldVal){ console.log(val,oldVal); } } watch对数据变化进行监听。 二、模板指令——html和vue对象的粘合剂 模板指令是写在html中的 数据渲染:v-text、v-html、{{}} v-text="a",是处理的html v-html="a",是保存了html结构 这里的a都是对应到vue对象数据原理的a。
    查看全部
  • 安装cnpm的时候安装成功但提示cnpm不是内部命令 解决方法是找到.npmrc文件删除再重新执行npm install -g cnpm --registry=https://registry.npm.taobao.org安装淘宝镜像
    查看全部

举报

0/150
提交
取消
课程须知
1. 有html,css,js前端开发基础 2. 了解前端工程化,node,webpack gulp等 3. 对前端模块化有基本的概念 4. es6 的一些基本语法
老师告诉你能学到什么?
1. vuejs的背景及其项目相关知识 2. 了解流行的前端项目搭建方式 webpack + gulp 3. 用 vue-cli 脚手架工具初始化vue项目 4. 学习vue项目基本的结构和开发方法 5. 学习使用vuejs常用的接口和方法 6. 教程中教你如何在一个项目中使用vuejs

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!