接下来，就需要对main.js App.vue 等进行操作了。 但是这就出现了一个问题：什么是main.js，他主要干什么用的？App.vue又是干什么用的？main.js 里面的import from又在干嘛？newVue（{}）是干嘛的？里面又需要什么参数，它到底能干什么。在网上搜了一篇博文，解答一些初级的困惑。一、什么是main.js?里面一般都是些什么内容？ 1、 main.js 程序入口文件，是初始化vue实例并使用需要的插件,加载各种公共组件.import Vue...
Vue.js入门Vue.js是什么是一个渐进式JavaScript快速开发框架、学习之前需要掌握的基础知识有：HTML、CSS、JavaScript、AJAX。它可以简化Dom操作（DOM(HTML Document Object Model)是什么），有响应式数据驱动特性。了解一个框架最好去看一下它的官网：Vue.js官网面向初学者的教程可以看看这里：4个小时带你快速入门vueAPI接口环境安装教程网上有很多了，直接去搜索即可。IDE选用WebStorm。标签v-text：作用是设置标签的文本值(text...
首先，你需要了解插件实现的基本原理 插件基本原理： 我们都知道用Vue.use注册插件，那你知道Vue.use(plugin) 干了什么？以下是我对Vue官网的一些摘录和个人的理解 Vue.use( plugin ) 参数：{Object | Function} plugin 用法：安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。该方法需要在调用 new Vue() 之前被调用。当...
概述上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。”今天我们将着重介绍slot和父子组件之间的访问和通信，slot是一个非常有用的东西，它相当于一个内容插槽，它是我们重用组件的基础。Vue的事件系统独立于原生的DOM事件，它用于组件之间...
自打写了 美团小程序框架mpvue蹲坑指南, 一发不可收拾，今天趁周末空闲，来写个mpvue(没朋友)的简单入门教程，本教程只针对新手，老鸟勿喷。另外，我还专门为本文做了一个简单的项目，如果懒得从头开始搭项目的童鞋，可以直接去我的 github上克隆到本地， 安装一下依赖，即可直接在此基础在开发，不需要做任何配置。如果你觉得该项目对有帮助， 请顺便给我Star,你们的支持是我最大的动力，谢谢!好了，我们进入主题，首先，请允许引...
vue 实例介绍 vue 实例分两种，一种为组件实例，另外一种为根实例。组件实例负责创建个性化组件、而根实例负责把组件渲染到指定的真实的 DOM 结构中。并且 vue 为我们提供了一种特殊的文件格式 .vue 来创建 组件实例。.vue 文件格式如下：*.vue<template>... </template><script>export default {data(){return {}}} </script><style lang="less" scoped></style>通过上面的代码，我们可以看出，整个 .vue 文件分为三个部分：te...
1、vue的路径通过新建的项目的导入：得到绝对路径“@/.....”import LoginPage from‘@/components/LoginPage‘2、2.1、vue init webpack project, project是你创建的文件夹名2.2、npm install就像其他的项目内的sbt导入依赖包和相关的包文件的导入进入项目，下载依赖：（进入项目一定要切换到项目路径）1npm install 或者 cnpm install 2.3、运行项目：npm run dev 3、不同的创建vue项目的方式，没有试过 npm install -g @vu...
一，Vue入门关于Vue官网：https://cn.vuejs.org/文档：https://cn.vuejs.org/v2/guide/文档plus：http://vue_book.siwei.me/Vue特点：渐进式JS框架：把框架分层，最核心的部分是视图渲染，然后依次是组件机制，路由机制，状态管理，构建工具分层的目的就是实现解耦，可以只使用视图渲染，也可以全部使用构建大型应用。虚拟DOM：更快的运行效率双向数据绑定，专注于业务逻辑环境准备安装NodeJSNode.js 是一个基于 Chrome V8 引擎的 ...
目录1、MVVM思想2、Vue简介3、入门案例4、概念1）、创建Vue实例2）、插值表达式①、说明②、插值闪烁3）、Vue指令①、单向绑定： v-bind②、双向绑定： v-model③、事件处理： v-on④、单向绑定：v-text 和 v-html⑤、遍历循环：v-for⑥、判断与显示：v-if 和 v-show4）、计算属性5）、侦听器6）、过滤器7）、组件化①、全局声明一个组件：②、局部声明一个组件：8）、生命周期钩子函数9）、vue的Live Template1、MVVM思想M：即Mod...
声明变量的方式： var let const let 和 var的区别 var定义的变量是全局的会覆盖全局的定义 var i = 6; for(var i = 0;i<5;i++){console.log(i) } 01 234 undefined i 5 这个时候已经覆盖了全局的变量 let定义的变量是局部的变量 let i = 6; for(let i = 0;i<5;i++){console.log(i) } 报错 VM144:1 Uncaught SyntaxError: Identifier ‘i‘ has already been declaredat <anonymous>:1:1 (anonymous) @ VM144:1...
使用vue.js开发一个音乐播放平台，兼容手机端目的是联系vue和记录下开发过程之前已经安装好node.js只需要使用它的包管理工具npm 安装webpack打包工具和vue-cli脚手架安装webpack npm install webpack -g 安装vue-cli npm install --global vue-cli 这时候webpack和vue-cli都安装好了，可以初始化工程了vue init webpack music ├── public // 项目公共文件夹│ └── favicon.ico ...
之前一直用的是jQuery，jQuery手动操作DOM导致性能不够好，因为DOM修改导致的页面重绘、重新排版！重新排版是用户阻塞的操作，同时，如果频繁重排，CPU使用率也会猛涨！Vue.js是数据驱动的，它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。一个简单的例子： 一个页面需要通过异步请求获取数据然后展示在页面上，用jQuery方法处理是：$(function()...
vue入门学习总结：vue的一个组件包括三部分：template、style、script。vue的数据在data中定义使用。数据渲染指令：v-text、v-html、{{}}。隐藏未编译的标签：v-cloak 。控制模块隐藏:v-if（值为false时不会渲染到dom上）、v-show（相当于display属性的show和hide）。事件绑定：v-on、@语法，一般方法写在methods里面，需要操作dom的方法写在mounted里面，此时dom渲染完毕。属性绑定:v-bind、:用法，例如:class= " {red:isRed}"。定...
前言 常用的部署方式有两种：1.是把生成好的静态页面放到spring boot的static目录下，与打包后的spring boot项目一起发布，当spring boot运行起来后，自然而然就能访问到静态页面文件了。这种方法比较简单，适用于非常小型的系统。优点是：不需要复杂的配置。而缺点也很明显：需要两者一同发布。我在这里就不做赘述了。2.是通过http服务器发布，本文以nginx为例，重点介绍这种方式。 一、生成静态页面 运行npm run build 生成的页面...
http://www.runoob.com/w3cnote/vue2-start-coding.html https://cn.vuejs.org/v2/guide/instance.html https://segmentfault.com/q/1010000005790864/a-1020000005791335 http://www.runoob.com/w3cnote/vue2-start-coding.html原文：https://www.cnblogs.com/chendeming/p/8300975.html