Vue
David-Hsiang
Don't let the dream die
展开
-
vue中.$mount('#app')手动挂载
vue中.$mount(’#app’)手动挂载在Vue构造函数时,需要配置一个el属性,如果没有没有el属性时,可以使用.$mount(’#app’)进行挂载。配置了el属性:new Vue({ el:"#app", router});如果没有配置el属性,可以使用手动挂载$mount("#app")new Vue({ router}).$mount('#ap...转载 2020-03-03 00:23:50 · 2057 阅读 · 0 评论 -
Vue-cl 1.x / 2.x 更新至Vue-cl 4.x
官方文档说明关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8...转载 2020-03-01 20:22:15 · 288 阅读 · 0 评论 -
Vue 循环语句
Vue 循环语句一、v-for语句在Vue中,我们可以通过v-for语句来迭代输出元素二、v-for迭代数组v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组, site 是数组元素迭代的别名实例:迭代数组<div id = "app"> <p v-for = "site in sites"&g...原创 2019-12-23 11:10:32 · 484 阅读 · 0 评论 -
Vue.js 条件语句
Vue.js 条件语句一、v-if指令在html标签中使用v-if=" ",Vue会对" "(引号)中的内容进行计算,并通过计算结果,判断标签内容是否可见实例:v-if 实例<div id="app"> <p v-if="seen">hello!</p> <button @click="seen = !seen">点击按...原创 2019-12-22 17:00:36 · 172 阅读 · 0 评论 -
Vue模块语法
Vue模块语法文章目录Vue模块语法@[toc]一、插值(1) ``{{ }}`` 文本插值(2) ``v-html`` 输出 html 代码(3) ``v-bind`` 绑定属性二、用户输入(1) ``v-model`` 双向数据绑定(1.1) ``v-model`` 基础(1.2) ``v-model``原理(1.3) ``v-model`` 缺点的解决1.v-model 用在 input...原创 2019-12-20 19:29:15 · 262 阅读 · 0 评论 -
vue-devtools安装教程
vue-devtools安装教程前言最近在学习Vue,为了方便调试Vue的程序,于是打算安装一个Vue的调试插件:vue-devtools在网上找了一堆使用npm安装的方法,没有一个是有用的,总是会报一些莫名其妙的错误。看了很多vue-devtools安装教程后,我突然发现,,,vue-devtools是一个浏览器插件!?!?!?亏我在这瞎鸡儿弄了这么久。直接上Chrome 网上应用店...原创 2019-12-17 22:54:35 · 226 阅读 · 0 评论 -
Vue构造器
Vue构造器一、什么是Vue 构造器每个Vue.js 应用都是通过构造函数Vue(),实例化Vue来实现的。通过Vue实例,将Vue实例的成员与DOM相关联语法格式如下:var vm = new Vue({ // 参数})二、Vue构造器的参数在介绍Vue构造器的参数之前,先看一看Vue的测试实例。通过实例,来逐步介绍Vue构造器的参数:<!DOCTYPE htm...原创 2019-12-16 11:53:44 · 1307 阅读 · 1 评论 -
Vue.js文件结构
Vue.js文件结构一、创建/运行vue项目(1) 创建vue项目# 创建一个基于 webpack 模板的新项目vue init webpack my-project这里需要进行一些配置,默认回车即可:(2)运行vue项目# 打开工程目录cd my-project# 启动工程npm run dev成功执行以上命令后访问 http://localhost:8080/...原创 2019-12-13 20:14:06 · 465 阅读 · 0 评论 -
Vue.js安装
Vue.js安装一、独立版本我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script>标签引入。官网下载:https://vuejs.org/js/vue.min.js二、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,目前还是建议下载到本地。Staticfile CDN(国内) : https://cdn.staticfile.or...原创 2019-12-13 20:09:11 · 136 阅读 · 0 评论