Vue.js
关注
分享
扫一扫
王小扣
IT
展开
-
04 vue.js2.5——Vue-cli开发todolist
主要文件目录：文件代码：根实例，初始化vue：<!--index.html，网站入口页面，和main.jsp组成一套.vue文件，包含--><!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" ...原创 2019-09-12 15:46:28 · 1096 阅读 · 0 评论 -
03 vue.js2.5——Vue-cli的安装，创建webpack模板项目
安装Vue-cli第一种貌似不可以，然后用了第二种,但是重装系统后，第二种不能用了，用了第一种可以# 全局安装vue -cli命令npm install --global vue-cli# 创建基于 webpack 模板的新项目,使用webpack的模板# 首先进入 desktop，然后会在desktop目录下创建todolist的项目vue init webpack...原创 2019-09-12 15:46:15 · 1472 阅读 · 0 评论 -
02 vue.js2.5——Vue中的组件，实现todolist
TodoList功能开发例子：输入字符，在列表中显示；由于有v-for属性，<li>不会被渲染，它已经和数据绑定在一起，有数据来决定input和button上都有事件监听器，input是通过v-model对数据进行双向绑定；button是监听click事件绑定<body><div id="root"> <div> ...原创 2019-09-12 15:45:08 · 870 阅读 · 0 评论 -
01 vue.js2.5——基础知识
前端框架Vue.js2.5 2018-05-12Vue官网：https://cn.vuejs.org/基础语法+案例实践+TodoList+Vue-cli构建工具+TodoList核心思想数据驱动：页面视图和数据绑定双向绑定，不用操纵dom，视图与数据同时改变 组件化：将业务功能抽离为单独模块MVVMView：DOM，视图 ViewModel：视图和模型双向...原创 2019-09-12 15:43:22 · 1197 阅读 · 0 评论 -
vue路由介绍
前端路由服务器端路由：的功能是根据URL地址，跳转到相应页面，这些页面都是真实存在于服务端的前端路由：由前端实现以上功能，前端只存在d单页面首页index.htm优点不需要每次都从服务器获取，渲染页面更快速缺点不利于SEO使用浏览器前进、后退按键时重新发送请求，未合理利用缓存单页面无法记住之前滚动的位置前端路由的使用vue-router用...原创 2018-08-12 16:07:47 · 5432 阅读 · 1 评论 -
vue项目实战-01商品列表模块
商品列表模块实现GitHub地址商品列表组件拆分Header组件Footer组件面包屑组件将页面拆分成几个部分，每个部分封装成一个组件； 其他页面可以共用这些组件，这些组件放到src>component目录中；商品列表可以是一个单独的页面，所以将其放到src>views目录中；src>assets>css 中存放组件相关的静态资源；小图片会...原创 2018-08-15 22:50:57 · 4222 阅读 · 0 评论 -
vue-生命周期
概念： 每个组件的实例，都将进行 创建、运行、销毁 三个阶段； 在这些阶段中会自动触发一系列事件，并且执行函数； 这些就是生命周期事件和生命周期函数。Vue中的生命周期实例代码：&lt;div id="app"&gt; &lt;!-- 添加新名称 --&gt; &lt;div&gt;原创 2018-08-06 22:57:59 · 436 阅读 · 2 评论