vue项目配置文件别名什么作用
Ⅰ 用vue-cli创建项目显示这个是什么意思
Vue-cli是官方推荐的快速构建单页应用的脚手架。官方给的建议，如果你是初次尝试Vue，哪就老老实实用普通的书写引入js文件，这里牵扯太多的东西，例如webpack、npm、nodejs等等，很容易成就从入门到放弃的思想。这篇文章本身就是按照官方的文档中的构建流程来的（官方构建建议）。一下是构建过程。
一、 安装 node.js
首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。
安装完成后，可以命令行工具中输入node -v和npm -v，如果能显示出版本号，就说明安装成功。
三、生成项目
首先需要在命令行中进入到项目目录，然后输入：
vue init webpack Vue-demo
其中 webpack 是模板名称,Vue-demo 是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹。
配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
然后进入项目目录（cd Vue-Project），使用 cnpm 安装依赖
cnpm install
然后启动项目
npm run dev
四、打包上线
自己的项目文件都需要放到 src 文件夹下
项目开发完成之后，可以输入npm run build 来进行打包工作
npm run build
打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看
项目上线时，只需要将 dist 文件夹放到服务器就行了。
Ⅱ vue-cli 自定义路径别名 assets和static文件夹的区别
assests放置的是组件的资源，static放置的是非组件的资源。
比如说即static下的文件资源作为src路径传入组件中，文件的path是可以被解析了，而assets则不行。
比如你写一个音乐播放器，类似的播放键和上一曲下一曲这些图标就应该作为组件资源放在assests里面，而不同音乐选集的封面这些是应该作为文件资源放在static下。
Ⅲ vue-cli中自定义路径别名 assets和static文件夹的区别
assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。例如，在 
和 background: url(./logo.png)中，"./logo.png" 是相对的资源路径，将由Webpack解析为模块依赖。
static/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这是通过在 config.js 文件中的 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的。
Ⅳ Vue路由 重定向和 别名的区别
重定向
重定向也是通过routes配置来完成，下面例子是从/a重定向到/b：
constrouter=newVueRouter({
routes:[
{path:'/a',redirect:'/b'}
]
})
constrouter=newVueRouter({
routes:[
{path:'/a',redirect:'/b'}
]
})
constrouter=newVueRouter({
routes:[
{path:'/a',redirect:to=>{
//方法接收目标路由作为参数
//return重定向的字符串路径/路径对象
}}
]
})
constrouter=newVueRouter({
routes:[
{path:'/a',component:A,alias:'/b'}
]
})
重定向的目标也可以是一个命名的路由：
甚至是一个方法，动态返回重定向目标：
注意导航守卫并没有应用在跳转路由上，而仅仅应用在其目标上。在下面这个例子中，为/a路由添加一个beforeEach或beforeLeave守卫并不会有任何效果。
其它高级用法，请参考例子。
别名
‘重定向’的意思是，当用户访问/a时，URL 将会被替换成/b，然后匹配路由为/b，那么‘别名’又是什么呢？
/a的别名是/b，意味着，当用户访问/b时，URL 会保持为/b，但是路由匹配则为/a，就像用户访问/a一样。
上面对应的路由配置为：
‘别名’的功能让你可以自由地将 UI 结构映射到任意的 URL，而不是受限于配置的嵌套路由结构。
Ⅳ vue session设置别名
可以给vue路径设置别名，来节省代码的输入次数，提高开发效率。
在文件里面输入代码后，重启编译器，当我们需要引入文件的时候就可以简写了。
Session是在计算机中，尤其是在网络应用中，称为会话控制。Session对象存储特定用户会话所需的属性及配置信息。这样，当用户在应用程序的Web页之间跳转时，存储在Session对象中的变量将不会丢失，而是在整个用户会话中一直存在下去。
Ⅵ vue是什么 怎么用
Vue.js是一套构建用户界面的渐进式框架，Vue 采用自下向上增量开发的设计，其核心库只关注视图层，易于上手，同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
1、MVVM即model，view，viewmodel，它是数据驱动模式，即所有的一切通过操作数据来进行，而尽量避免操作dom树。
(6)vue项目配置文件别名什么作用扩展阅读：
vue在web开发、网站制作中的优势
1、据绑定：vue会根据对应的元素，进行设置元素数据，通过输入框，以及get获取数据等多种方式进行数据的实时绑定，进行网页及应用的数据渲染 。
2、组件式开发：通过vue的模块封装，它可以将一个web开发中设计的各种模块进行拆分，变成单独的组件，然后通过数据绑定，调用对应模版组件，同时传入参数，即可完成对整个项目的开发。
3、简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
Ⅶ vue中路径中使用~与@的区别
先说@
@这是webpack设置的路径别名。
这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。
resolve: { // 路径别名
alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.esm.js'
}
},
就是说@这东西代表着到src这个文件夹的路径
然后是~
~ 是 stylus-loader 到东东，参考 https://github.com/shama/stylus-loader
~common 表示相对 common，然后我们在 webpack 配置了 common 的 alias，就能找到了它的路径了
Ⅷ vue路由配置
首先，先来讲个小东西吧。我个人一般在开发的时候都会将ESLint关闭掉。在新建一个项目的时候，会提示你安装否。选择n就行了。也就是no。见下图！如果你不心安装了。也没事。在项目的配置文件中找到它注释掉即可。
首先第一步，在components文件夹里新建两个.vue文件。将用它们来路由页面。并且分别取名router1.router2
接下来，我们就开始配置路由了。首先说几个准备思路吧。第一：页面打开后是要有默认显示页的（默认的路由），第二，同时实现路由切换时像JStab切换效果。接下来，我们要在app.vue里写好2个导航命名为router1和router2。分别用来将router2,router1路由进来。（在这之前请把hello.vue的内容清空，才能看到现面第二张图的效果）
现在基本的准备工作已经做好了。现在看到min.js文件。我个人的习惯是喜欢把路由的配置写在这里或者引入到这里。不习惯放在router文件夹下面的index.js。请看下图片。首先将。原始的router引入的改成VueRouter。然后引入之前新建好的两个.vue文件。记得要use一下。最后创建一个router实例。第一个path / 表示的意思是默认路由进来的组件。也就是router1.
到了这里就差最后一步了。回到app.vue。写上路由。分别给router1,router2加上路由标签。router-link标签渲染时会自动增加一个A标签带href路转。后面的to='',就是将要路由到哪里去的min.js中的path路径。to="/"表示此处将路由显示出min.js路由配置中path为/的component。最后，router-view标签是将路由过来的组件渲染在什么地方。这里写在了导航下面。效果请看第二，第三张图片。第二张图片就是默认进来的路由页面。也就是router1.地址栏中的路径就是首页。第三张图地址栏中路径变了，而且内容也变了。说明路由成功。
最后给路由的导航加上像JS一样的tab切换效果。用到VUE路由中自有的类。router-link-active.意思是在路由激活时更变的class.看图。在style中写好css.页面上就可以看到默认显示的路由组件导航就有class了。不过此时，你已经成功了一半了。因为请看下面第三张图片。当点击router2的时候，出现了两个红色字体。这下尴尬了。
Ⅸ vue组件中props有什么作用
1. 在组件内的data对象中创建一个props属性的副本
因为result不可写，所以需要在data中创建一个副本myResult变量，初始值为props属性result的值，同时在组件内所有需要调用props的地方调用这个data对象myResult。
Vue.component("switchbtn", {
template: "<div @click='change'>{{myResult?'开':'关'}}</div>",
props: ["result"],
data: function () {
return {
myResult: this.result//data中新增字段
};
},
......
});
2. 创建针对props属性的watch来同步组件外对props的修改
此时在组件外（父组件）修改了组件的props，会同步到组件内对应的props上，但是不会同步到你刚刚在data对象中创建的那个副本上，所以需要再创建一个针对props属性result的watch（监听），当props修改后对应data中的副本myResult也要同步数据。
Vue.component("switchbtn", {
template: "<div @click='change'>{{myResult?'开':'关'}}</div>",
props: ["result"],
data: function () {
return {
myResult: this.result
};
},
watch: {
result(val) {
this.myResult = val;//新增result的watch，监听变更并同步到myResult上
}
},
Ⅹ 一般vue项目中的src文件夹下的文件，都有什么用
这些文件夹本质是一样的，如果写得比较规范的话就能从名字中知道相应的功能。
common一般放全局静态变量或方法
router放路由
filters放过滤器
components放主要的页面和功能
excel放excel文件
directive放的是一些组件
assets放一些静态资源或css文件