-
艾玛太不容易了！终于成功了！ ①安装node.js，下载相应版本的node.js,下载地址：https://nodejs.org/en/download/，下载完双击安装，点击下一步直到安装完成 ②安装完成后，附件里选择命令提示符（或者在开始的搜索框里输入cmd回车调出命令面板）输入：node -v回车，出现相应版本证明安装成功，node环境已经安装完成，由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。在命令行中输入：npm install -g cnpm –registry=https://registry.npm.taobao.org回车，大约需要3分钟，如果报错或没反应，则卸掉node.js重新安装 ③安装全局vue-cli脚手架，用于帮助搭建所需的模板框架。输入命令：cnpm install -g vue-cli回车等待完成。 ④创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录，假如我们打算把项目新建在e盘下的vue文件夹中则输入下面的命令：e:回车，然后cd vue，然后输入命令：vue init webpack 项目文件夹名称，回车，运行初始化命令的时候会让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。(一顿回车+N键就完成了) ⑤安装项目所需的依赖包，首先输入：cd 项目名回车，然后输入：cnpm install回车等待安装，安装完成之后，会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。安装完依赖包之后，就可以运行整个项目了。 ⑥测试环境是否搭建成功，在cmd里输入：cnpm run dev回车，项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。运行成功后，会看到Welcome to Your Vue.js App页面。查看全部
-
‘父亲’传‘儿子’：父亲注册（components）后，儿子用‘props ’提取；查看全部
-
//使用 $emit触发事件传递数据的方法 1、当子组件的方法被调用时，子组件通过this.$emit('自定义事件名称',this.子组件data中的属性)触发自定义事件 2、父组件在子组件HTML标签里直接用 v-on 来监听自定义事件的触发，进而触发父组件自己的事件 3、在父组件自己的事件中，定义时传入一个参数，这个参数赋值给父组件data里的属性，就完成了传参。查看全部
-
先提条件：已安装 node.js & npm 先安装 cnpm ： $ npm install -g cnpm --registry=https://registry.npm.taobao.org 再安装 vue-cli： $ cnpm install -g vue-cli 安装完毕。 生成一个项目，基于 webpack 模板： $ vue init webpack myProject 接下来，在项目目录下安装项目依赖： $ cnpm install OK，运行： $ npm run dev 另外，可以用 vue list 命令列出所有模板： Available official templates: ★ browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing. ★ browserify-simple - A simple Browserify + vueify setup for quick prototyping. ★ browserify-simple-2.0 - A minimal Vue 2.0 Browserify + `vueify` setup for quick prototyping. ★ simple - The simplest possible Vue setup in a single HTML file ★ simple-2.0 - The simplest possible Vue setup in a single HTML file ★ webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. ......查看全部
-
一个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查看全部
-
window系统下安装nodejs
1、nodejs的官网：https://nodejs.org/en/
并且nodejs的版本需要>v6.0版本
2、git bash 的安装和下载
3、安装成功之后，配置好环境变量
4、使用淘宝的镜像，npm国内的比较慢
4、然后就是使用
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm run dev查看全部 -
①安装node.js，下载相应版本的node.js,下载地址：https://nodejs.org/en/download/，下载完双击安装，点击下一步直到安装完成 ②安装完成后，附件里选择命令提示符（或者在开始的搜索框里输入cmd回车调出命令面板）输入：node -v回车，出现相应版本证明安装成功，node环境已经安装完成，由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。在命令行中输入：npm install -g cnpm –registry=https://registry.npm.taobao.org回车，大约需要3分钟，如果报错或没反应，则卸掉node.js重新安装 ③安装全局vue-cli脚手架，用于帮助搭建所需的模板框架。输入命令：cnpm install -g vue-cli回车等待完成。 ④创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录，假如我们打算把项目新建在e盘下的vue文件夹中则输入下面的命令：e:回车，然后cd vue，然后输入命令：vue init webpack 项目文件夹名称，回车，运行初始化命令的时候会让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。(一顿回车+N键就完成了) ⑤安装项目所需的依赖包，首先输入：cd 项目名回车，然后输入：cnpm install回车等待安装，安装完成之后，会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。安装完依赖包之后，就可以运行整个项目了。 ⑥测试环境是否搭建成功，在cmd里输入：cnpm run dev回车，项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。运行成功后，会看到Welcome to Your Vue.js App页面。查看全部
-
local storage 在chrome中的application中查看全部
-
export default{data(){}} = new Vue({data: {}}) 这里我讲的不够细，也跟当时理解得不深有关。一个vue项目制new Vue一次，通常是在main.js里，这次实例化的Vue对象是根组件，其他的子组件都是通过配置文件的方式一层一层的叠加上的，通过vue组件配置进行叠加的子组件，其实是vue的一种省略机制，它避免了你每次都去实例化子组件。 vue-cli生成的项目脚手架里，通过webpack配置很好的处理了这些问题，每个单文件组件 *。vue js输出的就是一份配置，就足够了，最终他们都会汇总到app.vue，app.vue再在main.js里实例化，也就是说这套脚手架里面只有一个实例化对象。查看全部
-
.vue由三个部分组成 <template> => .html <script> => .js <style> => .css查看全部
-
watch 监视模式里面有个独特的方法handler 注意要加上deep： true。不然不会读取修改的值 当值发生改变被watch监视到触发了事件 开始执行handler 把修改的值items放到封装好的函数save存储到浏览器本地存储 在data数据里面把items 默认读取浏览器的本地存储，fetch有做处理，如果没有值默认是一个空数组 1.本地存储数据的代码放置在：store.js 2.js原生存储方法：window.localStorage.setItem() , window.localStorage.getItem() 1.实时同步存储数据，使用vue.$watch观察数据的变化，从而来存储数据 2.这里deep为true,items中某一个item的键值对改变也会触发handler(),从而保存各个item的状态查看全部
-
先提条件：已安装 node.js & npm 先安装 cnpm ： $ npm install -g cnpm --registry=https://registry.npm.taobao.org 再安装 vue-cli： $ cnpm install -g vue-cli 安装完毕。 生成一个项目，基于 webpack 模板： $ vue init webpack myProject 接下来，在项目目录下安装项目依赖： $ cnpm install OK，运行： $ npm run dev 另外，可以用 vue list 命令列出所有模板： Available official templates: browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing. browserify-simple - A simple Browserify + vueify setup for quick prototyping. browserify-simple-2.0 - A minimal Vue 2.0 Browserify + `vueify` setup for quick prototyping. simple - The simplest possible Vue setup in a single HTML file simple-2.0 - The simplest possible Vue setup in a single HTML file webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. ......查看全部
-
数据持久化 const STORAGE_KEY = 'todos-vuejs' export default { fetch () { return JSON.parse(window.localStorage.getItem(STORAGE_KEY) || '[]') }, save (items){ window.localStorage.setItem(STORAGE_KEY,JSON.stringify(items)) } }查看全部
-
1.通过淘宝cnpm安装vue命令行工具，帮助自动生成webpack+vue工程 2.在当前目录打开命令行cmd 3.vue init webpack my-first-vue-practice 4.ESLint, unit tests, e2e tests都选择no。工程生成好了 5.当前工程目录cnpm install，安装所有依赖到node_modules目录中，接下来就可以跑项目了 6.npm run dev运行，dev是配置在package.json中的，直接写就可运行 7.npm版本过低用npm install npm -g升级 8.npm run dev不行的话，执行package.json 中的dev即可查看全部
-
写这些数据的value 和 键msg2 要有空格，不然会报错！！！查看全部
举报
0/150
提交
取消