vuejs笔记之路由/子路由例子

vuejs笔记之路由/子路由例子

import Vuefrom'vue'// 引入文件的路劲没有 ./ 或者 / ,那么直接是找node_modules目录下的文件import Routerfrom'vue-router'const App = {'template':`<div id="app"> 默认显示的内容 <!-- 表示模板的地方 --> <ul> <li><rou
浏览:1024 分类:Vuejs 标签: 路由 router vuejs
vuejs笔记之vue脚手架(vue-cli)环境下书写代码规范

vuejs笔记之vue脚手架(vue-cli)环境下书写代码规范

如何用vue-cli搭建vue开发环境,可查看此链接文章:http://menvscode.com/detail/59de348610c98d0e654c1b87。1、注释:// 或者 /*  */,注释标识符和内容一定要有一个空格;/* eslint-disable no-new *///我是注释,前面没空格会报错new Vue({ el:'#app', route
浏览:739 分类:Vuejs 标签: vue-cli vuejs
Vue 2.5 发布了

Vue 2.5 发布了

        我们很高兴宣布 Vue 2.5 Level E 的发布!本次发布包括多个功能提升并且我们推荐你查看发布说明来获取完整详细信息。 在这篇文章中,我们将重点介绍一些更重要的的变化:更好的 TypeScript 集成,更好的错误处理,更好地支持单文件组件中的函数式组件以及与环境无关的服务端渲染。更好的 TypeScript 集成        得益于 TypeS
浏览:1158 分类:Vuejs 标签: vuejs
vuejs笔记之ref

vuejs笔记之ref

ref:获取dom元素。<div id="app"><!-- ref='自定义的名字' --><ulref='abc' @click='getRefDom'><liref='menvscode'>1111</li></ul><divref='poq'>222</div></div>new Vue({ el:'#app', methods:{ getRefDom(){co
浏览:916 分类:Vuejs 标签: ref vuejs
vuejs笔记之render渲染方式

vuejs笔记之render渲染方式

下面的代码能将模板显示在页面;<divid="app"><moban></moban></div>Vue.component('moban',{ template:'<div>11111</div>'})var vm = new Vue({ el:'#app'});render()函数的作用也是将模板的显示在页面上;render()函数接受一个fn参数,通过执行
浏览:1342 分类:Vuejs 标签: render vuejs
vuejs笔记之搭建vue脚手架(vue-cli)

vuejs笔记之搭建vue脚手架(vue-cli)

        使用v-cli的优势:成熟的vue项目架构设计、本地测试服务器、集成打包上线方案。        使用v-cli的系统要求:node.js (>=4.x)、Git、一个能使用node的命令行终端。        具体步骤:        1、安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。安装完成之后,
浏览:1151 分类:Vuejs 标签: vue-cli vuejs
vuejs笔记之自定义指令

vuejs笔记之自定义指令

vuejs自定义指令的局部写法<div id="app"><divv-mvc><p>{{name}}</p><p></p><span></span></div></div>var vm =new Vue({ el:'#app', data:{ name:'qwe' }, directives:{ mvc:{ bind:function(){//当我们绑定
浏览:954 分类:Vuejs 标签: vuejs 自定义指令
vuejs笔记之父/子组件之间传值($emit/props)

vuejs笔记之父/子组件之间传值($emit/props)

子组件所使用到的数据,必须是一个函数,数据用return返回;<divid="app"><component01></component01></div>Vue.component('component01',{ template:'<h3 @click="doClick">{{name}}</h3>',//子组件所使用到的数据,必须是一个函数,数据用return返回; d
浏览:1339 分类:Vuejs 标签: 组件 vuejs emit props
vuejs笔记之组件写法(全局写法/局部写法)

vuejs笔记之组件写法(全局写法/局部写法)

组件全局的写法:Vue.component()中有2个参数,参数1:组件的名字,参数2:组件的内容;template是定义组件的内容。<divid="app"><child01>11</child01><child02></child02></div>// 参数1:组件的名字,参数2:组件的内容Vue.component('child01',{ template:'<div
浏览:960 分类:Vuejs 标签: 组件 vuejs
vuejs笔记之表单元素(v-model.修饰符)

vuejs笔记之表单元素(v-model.修饰符)

单选按钮:选中就能获取其对应的value值;<div id="app"><inputtype="radio"value="one"v-model='a' /><inputtype="radio"value="two"v-model='a' /><p>{{ a }}</p></div>var app = new Vue({ el:'#app', data:{ a:''
浏览:1084 分类:Vuejs 标签: v-model vuejs
《Vue.js前端开发+快速入门与专业应用》PDF下载

《Vue.js前端开发+快速入门与专业应用》PDF下载

        《Vue.js 前端开发 快速入门与专业应用》分为10章:简介,基础特性,指令,过滤器,过渡,组件,状态管理,常用插件,工程实例,Weex打包。从简单的单个实例和基础语法,到工程实例,将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。
浏览:2344 分类:前端书籍 标签: vuejs
vue笔记之仿购物车案例

vue笔记之仿购物车案例

html代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Vue</title><scriptsrc="https://unpkg.com/vue"></script></head><body><divid="app"><divv-if='page=="login"'><h1>登陆</h1>
浏览:840 分类:Vuejs 标签: vue 购物车

邮箱快速注册

忘记密码