vue填坑记1-2019.4.1

最新推荐文章于 2023-02-06 17:33:36 发布
最新推荐文章于 2023-02-06 17:33:36 发布
阅读量2.3k 收藏 1
点赞数
文章标签： vue填坑记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangfangtulk/article/details/88959433
版权

  使用了vue脚手架

1.路由：

使用路由目的是使用template组件，动态加载和指向。分head、content、footer三部分，content区域动态加载vue组件，文件结构如下：

index.html

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

<title>vuetest</title>

</head>

<body>

<div id="app"></div>

<!-- built files will be auto injected -->

</body>

</html>

入口文件main.js:

import Vue from 'vue'

import App from './App'

import router from './router'

import './assets/style1/css/Main.css'

import 'lib-flexible'

// import './assets/js/grid.js'

//import axios from 'axios'

Vue.config.productionTip = false

//Vue.prototype.Include1=include

//var ajaxdo1=include.ajaxdo

/* eslint-disable no-new */

new Vue({

el: '#app',

router,

components: { App },

template: '<App/>'

}

这里要引入vue、路由./router

太晚了，先记录到这里

运动程序员
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebStorm-2019.3.4.exe
09-07
webStorm-2019.3，WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”，vue开发非常便捷。
vue-cli 单文件组件
yijiupingfan0914的博客
08-04 1091
原文地址：https://www.jianshu.com/p/a919598f2c17 在 Vue 项目初始化完成之后（vue-cli），来看一看该环境中 HTML, CSS, JS 三者的关系 本文将按照以下顺序进行查看： index.html（首页） src/（除首页之外的源代码的目录） src/main.js （JS 入口文件） src/App.vue（组件） 一、index....
VUE开发遇到的问题总结
jerry_0_0的博客
07-16 932
1.打包时图片加载路径的问题 当项目完成时包之后发现登录界面背景图片没有加载出来，以为是图片没有打包上，后来发现是图片的路径不正确。 打包命令 npm run build 问题解决方法 在build文件夹下的utils.js文件里添加一行代码即可。 插入的代码 publicPath: '../../', 2.vue组件的引用 使用步骤： 1.引入组件 import Import from './import.vue' 2.注册组件 components: { Import, }, 一定要注册组件
webpack安装、基础配置
狂野的心跳的博客
04-25 932
首先新建一个文件夹，比如 my-first-webpack ，初始化项目，得到一个 package.json 文件 npm init 然后安装 vue、webpack、webpack-dev-server npm install vue --save npm install webpack webpack-dev-server --save-dev 这里，我用的是 webpack...
vue项目相关问题（初级）
qq_41867188的博客
11-07 2036
／＊命令用绿色标注＊／ ／＊加代码用 ++ 表示，减代码用 --表示，更改代码用 +-表示＊／ 1.项目初始化 1.$ vue init webpack [项目名称--可省略，默认在当前文件夹下创建] 2.项目名称名最好 纯小写 。 3.按回车并填入/选择相关信息。(vue-router 必备) 4.创建完成后，会自动生成多个配置文件，如果看见这些文件/文件夹，则说明初始化成功 ...
WebStorm-2019.3.3.rar
05-16
这个名为"WebStorm-2019.3.3.rar"的压缩包包含的是WebStorm的特定版本——2019.3.3。WebStorm以其智能代码补全、代码高亮、重构功能以及强大的调试工具而广受前端工程师喜爱，支持HTML、CSS、JavaScript、TypeScript...
vue-cli.rar
12-24
1. **项目初始化**：通过`vue create`命令，你可以快速创建一个包含基本结构的新项目，可以选择预设模板或自定义配置。 2. **插件机制**：Vue CLI 支持安装和管理各种插件，如Vuex、Vue Router、Webpack等，这使得...
fullstackopen-2019.github.io
05-30
本资料主要探讨了JavaScript在全栈开发中的应用，通过`fullstackopen-2019.github.io-source`这个压缩包，我们可以深入理解JavaScript在构建现代Web应用中的关键技术和实践方法。 1. **JavaScript基础** ...
vue2-router-permissions.zip
08-12
1. **路由配置**：每个路由都需要在Vue Router实例中进行配置，包括路径、组件、元信息等。在这里，我们可能看到路由配置中包含特定的权限标记，用于判断用户是否可以访问该路由。 2. **导航守卫**：这些是Vue ...
【前端】Vue.js中的指令以及其用法
Kevin's life
02-18 606
v-bind v-on v-model v-for v-html v-text v-if v-else-if v-else v-show v-once v-pre v-cloak 1、声明式渲染有两种方法 A、文本插值，用两个花括号：{{内容}} html如下： &amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;quot;app&amp;amp;amp;amp;quot;&a
Vue笔记
weixin_44860598的博客
07-23 401
文章目录基础vue是什么MVVM生命周期基础语法mustache语法v-oncev-htmlv-textv-prev-cloakv-bind计算属性computed块级作用域var和letconstv-onv-if、v-elsev-showv-for遍历ES6基本语法对象增强 基础 vue是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既
vue面试题
weixin_45838066的博客
04-16 1883
第2节 vue面试题(56道)# 摘讲# 02 vue-cli3搭建项目之webpack配置 15 vue虚拟dom *** 17 vue路由传参问题 25 vue hash 和history的区别 *** 20 Vue的响应式原理 28 v-if v-for 在哪个钩子函数中解析 *** 57 初识vue3(了解) 58 初识typescript(了解) 59 初识webpack 01 插件和组件的区别 **# Vue组件（component）用来构成你的App的业务模块，它的目标是
之前一直没有注意，vue-cli脚手架搭建的项目的index.html是怎样加载js 、css的。
柠檬不萌只是酸i
10-18 1734
<!-- built files will be auto injected --> 翻译：“生成的文件将自动注入” 在index.html页面，会看到body 里面有一行注释，打包后的文件会被自动的注入。 这就是为什么index.html里面没有引入js和css，也直接可以运行了。 ...
Vue项目打包优化
最新发布
lijincheng2022的博客
02-06 1273
这时候，就可以不将这些组件库打包，单独引入这些组件库的CDN，通过CDN来加载这些文件，这样速度将会大幅提升。在这段代码中，vue、vue-router、element-ui、axios、echarts就是包名。根据分析报告，可以发现，Element UI组件库和echarts库占的空间比相对较大。而value值中的windows对象的方法或属性，就是要查看js包中对应的代码。打开js代码，搜索module，就可以查找到。中，查找需要配置CDN的插件对应的版本。这里的key值中的第三方包名，就是在。
【VUE 笔记】进阶内容
JT61100的博客
07-22 1410
Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）最新的版本是 4.x文档 Vue CLI如果下载缓慢请配置 npm 淘宝镜像全局安装 @vue/cli切换到创建项目的目录，使用命令创建项目选择使用 vue 的版本启动项目打包项目暂停项目Vue 脚手架隐藏了所有 webpack 相关的配置，若想查看具体的 webpack 配置，请执行 src/components/School.vue src/components/Student.vue src/App.vue src/main.js publ
电商后台管理系统——首页内容定制
实践求真知
09-15 606
一点睛 不同的打包环境下，首页内容可能会有所不同。我们可以通过插件的方式进行定制。 二定制过程 1修改vue.config.js,配置如下 module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config.entry('app').clea...
项目打包优化，体积减少了 97%
生产队队长
08-22 451
0. 直接打包 npm run build 1. 按需加载第三方库 例如 ElementUI、lodash 等 npm install babel-plugin-component -D babel.config.js module.exports = { presets: ['@vue/cli-plugin-babel/preset'], plugins: [ [ 'component', { libraryName: 'element-ui'
vue项目根目录下index.html中的id=“app“，与src目录下的App.vue中的id=“app“为什么不会冲突
独斟灬此夜的博客
05-01 1135
使用cli构建项目后，在根目录下有个index.html文件，其中有一行代码为： // index.html <body> <div id="app"></div> <!-- built files will be auto injected --> </body> 而src目录下的App.vue中也有id="app"的代码 // APP.vue <template> <div id="app">
ES2019新特性探索：Object.fromEntries()
"ECMAScript日常总结-ES2019(ES10)" 在JavaScript的世界里，ECMAScript（简称ES）是定义该语言规范的标准。每年，都会发布新的版本，引入新特性来增强和扩展JavaScript的功能。ES2019（也称为ES10）是其中的一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值