vue
梅花三
我有故事,可我不说
展开
-
vue问题
1. Vue.config.productionTip = false开发模式:npm run dev 开发过程中使用生产模式:npm run build 打包之后给后端放在服务端Vue.config.productionTip = false,阻止显示生产模式的消息如果没有这行代码,或者设置为true,控制台会多出下面一段代码:You are running Vue in develo...原创 2020-01-02 16:08:12 · 529 阅读 · 1 评论 -
vue3集成sass
方法一:终端创建项目1.选择特性:Manually select featuresvue create vuedemo? Please pick a preset: (Use arrow keys)> default (babel, eslint) Manually select features2.选择创建项目的特性:CSS Pre-processors? Check ...原创 2020-01-02 15:56:45 · 3903 阅读 · 1 评论 -
vue学习
1. 安装node,直接官网下载安卓即可,会自动安装上npm。网址:https://nodejs.org2. 检测node是否安装成功,在终端输入:node -v 以及 npm -v,若有版本信息,则安装成功。3. 全局安装cli3npm install -g @vue/clivue -V(大写) 查看vue版本信息,若有信息则安装成功。4. cd到工作目录,使用vue ui可视化创建...原创 2019-06-11 23:49:03 · 825 阅读 · 0 评论 -
vue注册组件template传id
template是H5中的标签。特性:1. 标签内容隐藏性template天生display:none,同时模板元素内部内容是不会呈现的。2. 标签位置任意性类似script或者style标签,可以在head中,也可以在body或者frameset中。3. childNodes无效性template.childNodes为一个空对象。可以使用innerHTML获取完整的HTML片段。...原创 2019-06-20 10:49:32 · 4881 阅读 · 0 评论 -
vue实现简单的菜单
需要掌握的知识关于prop:vue官方文档中说明HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名:Vue.component('blog-post', { // 在 JavaScript 中是 camel...原创 2019-06-20 17:33:26 · 8324 阅读 · 1 评论 -
vue简单弹窗
事件不同于组件和prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。触发的事件名是camelCase(kebab-case),则监听的事件名也必须是对应的camelCase(kebab-case)。slot单独为slot设置样式是无效的。需要在slot外包裹一个html标签,然后为该html标签设置样式。Demohtml<div id...原创 2019-06-21 10:48:12 · 1773 阅读 · 0 评论