
Vue
Man - yee
成长ing 努力ing 遇见更好的Gioia
展开
-
Element-Ui和Vue项目的结合 实现前后台分离
Element-Ui和Vue项目的结合第一步:使用脚手架创建一个Vue项目 vue init webpack 项目名 创建在线项目 vue init webpack 项目名 创建离线项目第二步:在项目中下载element-ui的模板 cd pro01 cd 项目名 npm install element-ui -S ...原创 2019-11-05 10:01:23 · 1057 阅读 · 0 评论 -
安装脚手架Vue-cli和创建Vue项目
Vue-clivue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx前提:搭建好NodeJS环境 node -v npm -v我前面的博客有安装NodeJs的环境安装vue-cli 安装命令:npm install -g vue-cli 注...原创 2019-11-01 14:00:01 · 237 阅读 · 0 评论 -
Window10安装配置Node.js环境
Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言 npm是什么 npm其实是Node.js的包管理工具(package man...原创 2019-10-31 14:07:40 · 734 阅读 · 0 评论 -
Vue的组件和路由(SPA)
Vue的组件Vue的组件是Vue最强大的功能之一,封装可重用的代码分为①局部组件 ②全局组件局部组件---在vue对象里面定义 components:{ 'button-one':{//组件名 <!--组件的模板 里面写HTML元素的--> template:'<button @click="oneclick()"...原创 2019-10-30 16:24:52 · 236 阅读 · 0 评论 -
Vue的style,css的样式绑定,事件处理,列表渲染
Style的样式绑定第一种::style="{ color: activeColor, fontSize: fontSize + 'px' }"其中activeColor/fontSize 是data 属性第二种::style="{ color, fontSize }"data中赋值 color:'red',fontSize:30+'px'CSS的样式绑定1) c...原创 2019-10-29 15:53:02 · 762 阅读 · 0 评论 -
Vue的赋值,指令,过滤,计算属性,监控属性
Vue的赋值vue有4种赋值方式1.文本的方式2.HTML的方式3.属性的方式4.表达式<!--在样式中加 <style> .class1{ font-size: 12px; color: darkgreen } </style>--><body> <div id=...原创 2019-10-23 16:44:51 · 861 阅读 · 0 评论 -
Vue的基本赋值和双向数据绑定
Vue.js一个前端框架,渐进式的,侵入性高,你一旦用了它就只能按照它的方式写(从头到尾)。Mvvm模式mvvm通过数据双向绑定让数据自动地双向同步m:model数据模板v:view视图vm:模板视图,是m和v的桥梁mvvm的核心是数据,我们要操作的是数据,不用操作DOM(页面的元素)Vue的基本赋值<!DOCTYPE html><html&g...原创 2019-10-22 15:26:46 · 846 阅读 · 0 评论