参考两个博客 1 2 git.npm和淘宝镜像的安装过程过程省略了,直接开始webpack + vue-cli + 创建demo 首先,在磁盘创建一个文件夹,命名为vue-projects,里面再建一个文件夹vue-demo-1,右键git bash进入命令行,开始操作,安装webpack 安装 vue-cli 使用webpack创建vue demo 它会自动下载npm依赖,进入目录,看看项目结构 最后,运行demo…

Vue Vue Vue 起步 指令 v-bind v-if v-for v-on v-model v-bind和v-on缩写 搭建Vue开发环境 vue项目结构 Vue开始 数据绑定, 绑定属性 循环渲染数据 绑定属性, 绑定class, 绑定style 双向数据绑定, Vue中ref获取dom节点 vue事件 定义方法 执行方法 获取数据 改变数据 事件对象 Vue事件结合双向数据绑定实现TODOlist Vue中的模块化及封装Storage组件实现本地保存 Vue组件 生命周期函数 Vue完…

--创建Vue 项目 pc 需要装 node 环境 ,安装完之后,就可以在cmd中使用npm 命令了 1:npm install -g vue-cli  //电脑端需要安装vue 脚手架模板,电脑端一次安装就行 2:vue init webpack vue-demo-1 //创建一个Vue项目 创建完成之后,根据黄色命令继续执行命令 3: 打包Vue项目,在HBUILDERX 中使用命令 1:npm run build 2: 发布1:使用今天服务器工具包 npm install -g serve…

一.父子组件通信 父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息 具体机制如下图: 1.父组件传递数据给子组件 (  parent  ==> children  ) 组件实例的作用域是孤立的.这意味着不能 (也不应该) 在父组件内的子组件的模板内直接引用父组件的数据.父组件的数据需要通过 prop 才能下发到子组件中. 子组件要显式地在子组件内用 props 声明它预期的数据. (1) props 属性 1)数据传递 1. 字面量语法:传递静态数据  (…

前言 公司据说要搞前后端分离,趁这两天项目完成的差不多,抓紧时间学习一下前端知识 现在流行前端项目工程化,那么第一个问题就是如何创建工程(项目),第一次玩webpack 通过 NPM 创建项目 # 创建项目 npm init -y -y 在这里是表示快速新建.使用 npm init 来初始化,终端会一步一步提示输入 name.version.description 等项目 meta 信息,通过使用 flag -y 跳过所有的 prompt,一路到底完成默认值的初始化. 完成后 NPM 会自动在目…

给大家推荐一个基于Vue2的右键弹出菜单插件,支持单一SPA页面以及可以在循环绑定中使用. 项目地址为:https://github.com/chIIC/vue-...demo1: 父组件绑定右键事件的效果: demo2:列表循环绑定,识别当前点击对象:…