零、介绍Vue 基础知识 (指令 + todomvc )Vue 全家桶 ( vue /vue-router / vuex + axios )组件化开发 ： 最近比较流行的一种开发模式 ， 之前是原生 =>模块化 => 组件化把一个完整的项目划分成一个小小的组件4.webpack - 前端模块化打包构建工具2019.5.15一、Vue 介绍vue 中文网github 下载地址Vue.js (读音 /vju：/ view)渐进式 JavaScript 框架 3.1 渐进式 ：小型项目 就可以使用 vue 就高度了 随着页面的复杂程序提高，就要学习 ...
直接上代码<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><div id="app"><div><input type="text" v-model="uname"><button @click.stop.prevent="add">添加</button></div><ul><li v-for="(item, index) in list" :key="item.id"><input type="checkbox">{{item.id}}---{{item.name}}</li></ul></div><script src="http://ybf-shopnew.oss-cn-beijing.aliyuncs.com/web_vend...
项目初始化vue-element-admin 源码git clone https://github.com/PanJiaChen/vue-element-admin cd vue-element-admin npm i npm run dev 若npm 报错 Cannot find module ‘core-js/modules/es6.regexp.constructor‘，可安装cnpm install core-js@2识别es6语法精简化项目删除 src/views 下的源码，保留： dashboard：首页error-page：异常页面login：登录redirect：重定向对 src/router/index 进行相应修改import Vue from ‘vue‘...
1、使用Vue CLI工具生成脚手架，这是最常见的使用方式，简单用模板生成一个HelloWorld Demo，可以学习Vue的SPA项目结构2、通过script引入Vue.js，详细如下：这里搭配Mint-ui<!DOCTYPE html><html><head><meta charset="UTF-8"><!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"></head><body><div id="app"><mt-button @click.native="handleClick">按钮</mt-button></div></body><!-- 先引...
一个构建用户界面的框架通过指令，来给DOM元素赋值或者其他操作。简单的指令及其作用：在HTML标签中显示数据： --> {{}} --> v-text --> v-html 这三条指令都是给HTML具体标签填充内容，可以是文本，也可以是其他标签 ------------------- --> v-if --> v-else 这两条命令配合使用，如果变量为true，则插入if所在的标签，否则就插入else所在的标签。 ------------------- --> v-show 如果变量为t...
首先，第一步，新建个项目文件夹shift+鼠标右键选择打开命令窗口npm install -g vue-cli 然后安装好了之后新建个项目的目录 vue init webpack testProject name 这里可以输项目名称 Project description 这里可以输项目的描述 然后就一直回车 Install vue-router 这里问要不要安装路由 Use ESLint to lint your code 然后这里问要不要装ESList检测 然后就一直回车到最后ok了。然后接下来去安装一下依赖 ，你可以退出手动进去刚...
nuxt-cnode基于vue的nuxt框架仿的cnode社区服务端渲染，主要是为了seo优化以及首屏加载速度线上地址 http://nuxt-cnode.foreversnsd.cngithub地址 https://github.com/Kim09AI/nu...技术栈vuevue-routervuexnuxtaxiossimplemdeES6/7stylus目录结构 ├─npm-shrinkwrap.json ├─nuxt.config.js # nuxt配置文件 ├─package.json ├─README.md ├─utils | ├─axios.js # axios封装 | ├─in...
weex 官方文档 bui-weex 官网地址Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。 在集成了 WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。BUI-Weex 是一套专门为 Weex 前端开发者打造的一套高质量UI框架。帮助开发者快速构建移动应用 原文：https://www.cnblogs.com/lk4525/p/11322975.html
一、IDE的选择： VsCode和WebStorm都是不错的选择，两者运行调试都非常的方便都可以使用快捷键运行和停止，就打开项目的速度和对电脑配置的要求来说，vscode要比webstorm要出色很多，如果电脑配置足够好的情况下请忽略前面说的性能问题，具体的使用要看个人的需求和爱好了。 1.先说VsCode的配置： 首先是要装VsCode的扩展插件，点击左上角最后一个图标，在搜索里面输入JavaScript (ES6) snippets/NPM/Vue 2 Snippets； ...
什么是服务器端渲染前端渲染：html页面作为静态文件存在，前端请求时后端不对该文件做任何内容上的修改，直接以资源的方式返回给前端，前端拿到页面后，根据写在html页面上的js代码，对该html的内容进行修改。服务端渲染：前端发出请求后，后端在将HTML页面返回给前端之前，先把HTML页面中的特定区域，用数据填充好，再将完整的HTML返回给前端。在SPA场景下，服务端渲染都是针对第一次get请求，它会完整的html给浏览器，浏览器直接...
目录一、Vue指令操作1. 表单指令2. 条件指令3. 循环指令4. 斗篷指令5. 实例成员：delimiter分隔符(了解)6. filter过滤器7. computed计算属性8. watch监听属性9. 冒泡排序二、前端数据库三、js知识点补充1. 操作数组一、Vue指令操作1. 表单指令v-model="变量"使变量值与表单标签的value相关。实现数据双向绑定，输入内容可以实时改变vue变量.其中，输入框、单选框、单一复选框与多复选框的展示信息不相同。单复选框展示true或false，...
表单指令 v-model 设置属性值1.语法： v-model='控制value值的变量' 2. ：value='变量'（属性指令），直接这样绑定数据不会实时更新数据（修改表单标签值，值不会实时映射给绑定变量） 3. v-model='变量'（表单指令），绑定的数据会实时更新（修改表单标签值，值会实时映射给绑定变量） 4. 单一复选框作为确认框时，v-model绑定的变量值为布尔类型，true代表选上该框，false则相反 5. 多个复选框时，v-model绑定的变量值是一个数据...
<template><div class = ‘car_list‘ reft=‘scrollobx‘ @scroll=‘scrollready($event)‘></div> </template> <script>export default {data() {return {lengthThreshold: 50, //当滑动到距离低端50px时，更新数据timeThreshold: 300, promise: null}},methods: {// 滚动加载列表scrollready() {if(this.shouldScroll()) {if (this.promise) {return;}// 进行加载this.fn();// 防止多次滑动，频繁请求后台资源let self = this;...
1、安装 axios npm install axios --save2、在src目录里新建目录结构index.js内容 // // axios封装// //1.引入axiosimport axios from ‘axios‘import { addPending, removePending } from "./cancleRequest.js"// // 2. 配置信息const config = { // 每次请求的协议、IP地址。 设置该配置后，每次请求路径都可以使用相对路径，例如"/admin/login" baseURL: "http://ztdoc.wisedu.com", // 请求超时时间 timeout: 10000...
vue1-2:MVVM M:Model 数据模型,负责数据存储 V:View 视图,负责页面的显示 VM:View Model 负责业务处理,对数据进行加工,之后交给视图 下载地址: <!--中文官网:https://cn.vueis.ors/--> <!--vue1源码:http://v1-cn.vuejs.org/js/vue.js--> <!--vue2源码:http://unpkg.com/vue@2.2.1/dist/vue.js-->vue:1-3:Vue常见指令介绍上 1.插值表达式 {{}} 当模型中的数据改变时,那么视图中的数据也相应发...