// 最小成本-渐近增量
// vue安装：方法1-直接script引入vue文件 方法2-npm安装 npm install vue
// 方法3-命令行CLI vue提供了官方cli，为单页面快速搭建繁杂的脚手架// <!-- 开发版本，包含有用的控制台警告 -->
{/* <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> */}
// <!-- 生成版本，对于体积和速度进行优化 -->
{/* <script src="https://cdn.jsdelivr.net/npm/vue"></script> */}/*
<div id="a...
1. props单向绑定vue中的props是单向绑定的，父组件的属性变化时会传递给子组件，子组件内部不应改变props的值，否则控制台会给出警告。但如果props的类型为数组或者对象时，在子组件内部改变props的值控制台不会警告。因为数组或对象是地址引用，vue不会检测到props发生改变。所以有的情况需要在子组件内部改变父组件的值，可以将属性定义为数组或者对象类型传入。但官方不建议在子组件内改变父组件的值，因为这违反了vue中props单...
渐进式JavaScript框架： 一个页面小道一个变量，达到整个页面，君可以有vue控制，vue也可以控制整个项目 1、什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 2、为什么要学习Vue 三大主流框架之一:Angular(构建大型网站的时候使用)，React(更新速度太快，高版本和低版本之间有兼容性问题)，Vue(从angular上分支出来的，继承react优点，国内开发的) 3、Vue的优点： 1...
使用params时，不能使用path，应使用name跳转，例：1this.$router.push({
2 name: ‘xxx‘,
3params: {
4 a: ‘xxx‘,
5 b: ‘xxxx‘
6}
7 })原文：http://www.cnblogs.com/elza-young/p/7986143.html
首先，请记住：它在新版本的脚手架项目里面非常重要它有什么用呢？inspect internal webpack config能快速地在控制台看到对应生成的 webpack 配置对象。首先它是 vue 的一个扩展命令，在文件 @vue/cli/bin/vue.js 中定义了 command还是依赖了工具包 commander
const program = require(‘commander‘)代码配置如下：
program.command(‘inspect [paths...]‘).description(‘inspect the webpack config in a project with vue-cli...
一，通过路由带参数进行传值①两个组件 A和B,A组件通过query把orderId传递给B组件（触发事件可以是点击事件、钩子函数等） this.$router.push({ path: ‘/conponentsB‘, query: { orderId: 123 } }) // 跳转到B②在B组件中获取A组件传递过来的参数this.$route.query.orderId二、通过设置 Session Storage缓存的形式进行传递①两个组件A和B，在A组件中设置缓存orderDataconst orderData = { ‘orderId‘: 123, ‘price‘: 88 }sess...
模块化开发是保证每个文件都是独立的模块，不受外界干扰，提高性能，便于后期维护与团队开发。 可以引入官网的模块，也可以自定义模块。使用require()引入需要使用的模块，自定义的模块在使用之前需要通过module.exports 暴露出去。通过npm init -y 下载package.json文件管理维护模块，其中 main 为入口文件 ，dependencies 指定项目开发与上线需要的模块 ，devdependeciens 指定项目开发中需要而上线时不需要的模块。var as=requ...
实际上我们应该在.eslintrc.js文件中修改 删掉 “@vue/prettier” 就可以了module.exports = {root: true,env: {node: true},extends: ["plugin:vue/essential"], // "@vue/prettier" rules: {"no-console": process.env.NODE_ENV === "production" ? "error" : "off","no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"},parserOptions: {parser: "babel-eslint"}
}; 原文：https://www.cnblogs.com/Sab...
背景：在地图上绘制大量的circleMarker，leaflet能选择使用canvas来渲染，比起默认的svg渲染来说在大量绘制的情况下会更加流畅。但当触发其中某一个circleMarker的tooltip或popup时，浏览器报错“Uncaught RangeError: Maximum call stack size exceeded”： 解决过程：1、写了个测试代码来复现问题： 1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset=‘utf-8‘ />5 <title>Add a raster tile source</title>6 <met...
1、ref获取Dom<!--ref除了引用元素之外，还可以引用组件以及组件方法、数据--><h1 ref="h1">哈哈</h1>引用：this.$refs.h1.innerText2、案例<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--cdn镜像快速导入Vue包--><script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
</head>
<body>
<!--ref除了引用元素之外，还可以引用组件以及组件方法、数据-->
<div id="app"><inpu...
demo组件：<template><div id="QaSwitch"><el-row class="el-row"><el-card :body-style="{ padding: ‘20px‘ }"><div class="qaswitch"><strong>{{ Desc }}: </strong><el-switchv-model="qavalue":active-text="activevalue":inactive-text="inactivevalue":active-value="activevalue":inactive-value="inactivevalue"active-color="#ff4949"inactive-color="#13ce66"@change="toParent"></el-switch></div></el-card></el-row...
Vue 的核心库：视图层，且他是渐进式 官网上 下载 vue.js 然后在 页面中引入 vue.js 我们如何看我们的 vue.js 有没有引入 console.log(Vue) 注意：V 大写 对比：angular 框架 与 vue 框架 指令：angular 以 ng 作为指令，vue 以 v 作为指令 数据的展示方式都可以通过 {{}} 且 {{}} 里面都可以写 js 代码 框架都要声明范围，以确保在这个范围内，可以使用指令操作 html 部分 <div id=‘...
目录Vue2.0 【第四季】第2节 实例方法第2节 实例方法一、$mount方法二、$destroy()卸载方法三、$forceUpdate()更新方法四、$nextTick()数据修改方法Vue2.0 【第四季】第2节 实例方法第2节 实例方法一、$mount方法$mount方法是用来挂载我们的扩展的，我们先来复习一下扩展的写法。这里我们作了da0sy的扩展，然后用$mount的方法把da0sy挂载到DOM上，我们也生成了一个Vue的实例，直接看代码。<!DOCTYPE html>
<html lang="en">
<head>...
Vue.js 计算属性使用计算属性的实例：<!DOCTYPE html>
<html><head><meta cahrset="utf-8"><title>computed</title><script src="vue.min.js"></script></head><body><div ><p>原始字符串：{{message}}</p><p>反转后字符串{{reversedMessage}}</p></div><script>var vm = new Vue({el: ‘#app‘,data: {message: ‘Runoob‘},computed: {// 计算属性的 getterreversedMessage :function(){// `this` 指向 vm 实例return this.messa...
new 一个vue对象的时候你可以设置它的属性，其中最重要的包括三个，data,methods,watch.其中data代表vue对象的数据，methods代表vue对象的方法，watch设置了对象监听的方法。Vue对象里的设置通过html指令进行关联重要的指令包括：v-text 渲染数据v-if控制显示v-on绑定事件v-for 循环渲染等原文：http://www.cnblogs.com/Hale-Proh/p/6935164.html
