
vue
文章平均质量分 70
波波仔86
生活与技术并发!
展开
-
Vue项目的详细目录结构解析
前言 —— 一级目录解析我们在使用查看详情 ->publicindex.htmlsrctest.gitignoreREADME.md...转载 2024-07-10 20:17:35 · 376 阅读 · 0 评论 -
vue.config.js和webpack.config.js区别
通过vue.config.js中常用功能的配置,简化了配置工作,当然如果需要更专业的配置工作,两者在vue项目中是可以并存的。webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项,所以一般都是修改webpack的时候才会自己创建一个vue.config.js。原创 2024-02-04 17:05:22 · 1501 阅读 · 0 评论 -
webpack与vue-cli
WebPack可以看做是。转载 2024-02-04 14:54:53 · 974 阅读 · 0 评论 -
关于template标签用法总结(含vue中的用法总结)
文章目录 一、html5中的template标签 二、template标签操作的属性和方法 三、vue中的template 1、template标签在vue实例绑定的元素内部 2、vue实例中的template属性 一、html5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见,它设置了display:none;属性。<!--当.转载 2020-09-13 18:14:48 · 8622 阅读 · 0 评论 -
Vue插槽的理解
什么是插槽?插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。举个例子:1、先看一下下面的代码,声明一个child-component组件,如果现在我想在<child-component></child-component>内放置一些内容,结果会是怎样?<!DOCT原创 2020-09-12 23:41:19 · 282 阅读 · 1 评论 -
Vue组件中的data为什么必须是一个函数
在Vue的组件基础中有这样一句话:data必须是一个函数。为什么data必须是一个函数呢?我们来看Vue在声明式渲染中给出的一个demo:<div id="app">{{ message }}</div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})在这个demo中data是一个对象,通过 new Vue 创建的 Vue 实例中,我们直接把data上转载 2020-09-09 22:08:12 · 3645 阅读 · 1 评论 -
v-bind的作用
在html代码中,v-bind绑定的是动态的表达式,而非固定的字符串,在v-bind后,就可以动态获取数据。可以将v-bind理解为: 被v-bind修饰的都是动态获取的值。 而非被v-bind修饰的,仅仅是一个字符串例如 :bind todo="item"; 在此例子中 item是一个表达式,item可以在其他地方动态变化;todo="item" 在此例子中,item是一个字符串,不代表其他任何意义。...转载 2020-08-30 19:09:02 · 7145 阅读 · 0 评论 -
Vue插槽的理解和使用
对于插槽的概念和使用,这是vue的一个难点,这需要我们静下心来,慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记,如有错误或者有不同见解的,欢迎留言,一起学习。什么是插槽插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<...转载 2020-04-12 20:57:44 · 42484 阅读 · 19 评论 -
在WebStorm中使用Vue的v-bind,v-on等内置指令时报命名空间的错误
报错详情:Namespace 'v-bind' is not bound、Namespace 'v-on' is not bound 等问题说明:出现这个错误不是代码本身的问题,而是 WebStorm 这个编辑器的问题,因为 WebStorm 不认识这个名字【注意】博主曾通过一个简单的例子测试过这个“错...转载 2020-03-15 22:07:06 · 1212 阅读 · 0 评论 -
非网络引用element-ui css导致图标无法正常显示的解决办法
官方推荐的CDN方式,通过unpkg.com/element-ui获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 -...原创 2020-01-20 09:16:36 · 735 阅读 · 0 评论 -
vue2.0:项目开始,首页入门(main.js,App.vue,import from)
什么是main.js,他主要干什么用的?App.vue又是干什么用的?main.js里面的import from又在干嘛?new Vue({})是干嘛的?里面又需要什么参数,它到底能干什么?一、什么是main.js?里面一般都是些什么内容?1、main.js程序入口文件,是初始化vue实例并使用需要的插件,加载各种公共组件。import Vue from 'vue'impo...转载 2020-01-12 19:05:22 · 1027 阅读 · 0 评论 -
Vue中ajax返回结果赋值
这是第二次在项目中遇到此问题,ajax请求成功后在success函数中为Vue实例data里的变量赋值,却失败了new Vue({ el:'#app', data:{ msg:'' }, created:function(){ $.ajax({ url:'', data:'',...转载 2020-01-10 16:42:22 · 2251 阅读 · 0 评论 -
Vue如何加载main.js
原文源自:https://blog.youkuaiyun.com/grape875499765/article/details/75279343在工程文件中使用main.js来加载App.vue文件的,但没有代码写出来加载main.js的,而index.html中只有一个自定义标签app,那么工程是如何加载到main.js文件的呢?如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话, 你执行...转载 2018-11-18 19:06:04 · 1157 阅读 · 0 评论