对于大多数单页面应用,都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档。
如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样:
const NotFound = { template: "<p>Page not found</p>" }
const Home = { template: "<p>home page</p>" }
const About = { template: "<p>about page</p>" }
const routes = {
"/": Home,
"/about": About
}
new Vue({
el: "#app",
data: {
currentRoute: window.location.pathname
},
computed: {
ViewComponent () {
return routes[this.currentRoute] || NotFound
}
},
render (h) { return h(this.ViewComponent) }
})
结合HTML5 History API,你可以建立一个非常基本但功能齐全的客户端路由器。可以直接看实例应用。
如果有非常喜欢的第三方路由,如Page.js或者 Director, 整合很简单。 这有个用了Page.js的复杂示例。
稳定性: 4 - 冻结{Object}Node.js的console模块提供了一个简单的调试控制台。Node.js控制台的作用是可以将输出字符打印到stdout...
1. 含义ES2017 标准引入了async 函数,使得异步操作变得更加方便。async 函数是什么?一句话,它就是 Generator 函数的语法糖。...
IFrame width 属性 Frame/IFrame 对象定义和用法width 属性可设置或者返回 iframe 元素中 width 属性的值。width 属性指定了ifra...
HTML DOM -修改 HTML 内容 通过 HTML DOM,JavaScript 能够访问 HTML 文档中的每个元素。改变 HTML 内容 改变元素内容的最简单的...
在本章中,我们来研究控制指令和表达式。基于某些条件的样式或多次应用相同样式的变体可以通过使用SassScript支持的控制指令和表...