参考链接Bootstrapping the backend ProjectInstalling the Requirements安装python虚拟环境（参考资料用的是venv），我使用了anaconda安装，具体操作是
anaconda官网下载适合本机操作系统的软件创建conda虚拟环境安装Django
pip install django安装vue#两种安装方法
#1.安装的版本是2.*
sudo npm install -g vue-cli#2.安装的是最新版
sudo npm install -g @vue-cli Bootstrapping Django# create a directory to your project
m...
Vue.component(‘currency-input‘, {template: ‘ <div> <label v-if="label">{{ label }}</label> $ <input ref="input" v-bind:value="value" v-on:input="updateValue($event.target.value)" v-on:focus="selectAll" v-on:blur="formatValue" > </div> ‘,props: {value: {type: Number,default: 0},label: {type: String,default: ‘‘}},mounted: function (...
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title></head><body><div id="app"> <table> <thead> <tr> <th>Name</th> <th>Age</th> <th>Sex</th> </tr> </thead> <tbody> <tr v-for="person in people">...
<body><div id=‘root‘><h1>{{msg}}</h1></div><script>new Vue({el:‘#root‘,data:{msg:‘hello world‘}})</script></body> 挂载点：element对应的标签上面的html中{{msg}}去掉<div id=‘root‘></div>这个标签就称之为vue实例的挂载点，因为下面的el，也就是element正好与上面的标签的id对应的上 模板：挂载点内部的内容<h1>{{msg}}</h1>这个就是模板，模板也可以有多种方式new Vue({el:‘#root‘,template:‘<h1>{{msg}}</h...
vuejs 的数据是双向绑定的，而这些数据只是在父组件中，如果各个组件公用的数据就要通过一个容器去管理起来，vuex是不错的选择，今天看了下vuex的教程： 总结下遇到的问题： vue-cli 了一个项目 import的时候发现了报错：node的版本太低，升级版本就好了。 import {mapState,mapActions,mapGetters,map} from "vuex";//注意大括号。 https://github.com/lin-xin/notepad/ 这个例子非常好。 结合了modules的概念vuex核心五大核心属...
不积跬步，无以至千里；不积小流，无以成江海。 Vuejs语言基础 组件注册：1. 创建组件构造器：调用Vue.extend()方法创建组件构造器（这种写法在Vue2.0中几乎已经看不到了）(1) 调用Vue.extend()创建的是一个组件构造器(2) 通常在创建组件构造器时，传入template代表我们自定义组件的模板2. 注册组件：调用Vue.component()方法注册组件(1) 调用Vue.component（），将刚才的组件构造器注册为一个组件，并且给他起一个组件的标签名称(...
一、IDE的选择： VsCode和WebStorm都是不错的选择，两者运行调试都非常的方便都可以使用快捷键运行和停止，就打开项目的速度和对电脑配置的要求来说，vscode要比webstorm要出色很多，如果电脑配置足够好的情况下请忽略前面说的性能问题，具体的使用要看个人的需求和爱好了。 1.先说VsCode的配置： 首先是要装VsCode的扩展插件，点击左上角最后一个图标，在搜索里面输入JavaScript (ES6) snippets/NPM/Vue 2 Snippets； ...
1、数据双向绑定双向绑定以后，表单中数据的改变会同步改变H2中的输出 2、v-show内容输入前：内容输入后：隐藏提示，展示按钮代码实现：此处的v-show可以换成v-if，v-show是隐藏节点，v-if是删除节点 3、事件处理也可以阻止事件的执行，为了书写方便@替代了v-on：点击提交后会执行sumitForm方法，但是不能执行submit方法了click事件，点击+1 4、组件式开发自定义标签、vue将内容填充进去效果展示： 5、 两个彩蛋5.1、引用cdn在线...
vuejs项目不支持IE8及以下版本一、项目搭建cnpm install --global vue-clivue init webpack my-projectcd my-project cnpm installnpm run dev二、vuejs过渡1）css过渡 <transition name="xxx"> //xxx过渡组件的名字 <p v-if="show">hello</p> //要过渡的组件或者元素，包裹在transition标签里</transition>.xxx-enter-active,.xxx-leave-active{transition: opacity 0.5s}.xxx-enter,.xxx-leave-to{opacity: 0} 2）css动画<d...
webpack 打包不会玩，整了这么个小玩具 一段 vue 绑定代码，关键点在 gmallComponent1、异步加载外部 vue 文件（非 .vue）2、按一定规则拆分 template、script、stylenew Vue({el: ‘#app_vuejs_replace‘,data: {search_key : ‘‘,results : [],pageindex : 1,selecteditem : null},components: {‘vue-test‘: gmallComponent(‘gz/test.html‘, {props: [‘items‘]})}
}); gz/test.html 使用习惯几乎遵循 vue 原生，定义模板、...
vue源码解读-1在github上下载到源码的后在src的目录下也即是该所有分块的源文件的地址所在的地方，使用webstrom在file–>Settings–>languages&Frameworks中选择javascript使用ECMAScript61. index.jsimport Vue from ‘./instance/vue’ import installGlobalAPI from ‘./global-api’ import { inBrowser, devtools } from ‘./util/index’ import config from ‘./config’import export使用了四个import,导入了所需要的模块...
一、是什么 1、是一套构建用户界面的渐进式框架，Vue采用自底向上增量开发的设计 1.1 解释：框架譬如angular，是强主张，如果用之---必须使用它的模块机制，必须使用它的依赖注入，必须使用它的特殊形式定义组件（此每个视图框架都一样，难以避免）；框架比如react，侵入性看似没有angular强，因为它是软性侵入。 而Vue是渐进式，没有强主张你可以在原有大系统的上面，把一两个组件改用它实...
构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例来启动的：var vm = new Vue({// 选项
})属性与方法每个 Vue 实例都会代理其 data 对象里所有的属性：var data = { a: 1 }
var vm = new Vue({data: data
})
vm.a === data.a // -> true
// 设置属性也会影响到原始数据
vm.a = 2
data.a // -> 2
// ... 反之亦然
data.a = 3
vm.a // -> 3除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方...
问题描述在使用 v-for repeat 组件时控制台会出现警告：解决方法在组件标签上使用 v-for ：加 :key使用 template 标签包裹该组件，再在 template 标签 上使用 v-for。趟坑总结问题描述在 Vue data 属性中定义的变量名如果以 “_” 开头，就不能正确的赋值和渲染问题原因https://github.com/vuejs/vue/issues/2098解决方法变量名不要以 “_” 开头趟坑总结问题描述在我们的前端组件库 dao-option 组件中 中使用 :key 时，如果 v-for...
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。今天我们就来学习一下。vue中的重要特性一、vue中的自定义组件html的代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>vue1</title><script type="text/javascript" src="../vue.js"></script></head><body><div id="app"><my-component my-...
